﻿.menutab { padding: 10px; background-color: #fff; border-bottom: 1px #CCCCCC solid ; cursor: pointer; font-size: 11px; padding-left: 30px;width: 100%;}
.menutab:hover { padding: 10px; background-color: #3399FF; border-bottom: 1px #CCCCCC solid ;padding-left: 30px;}
#manage { background-color: #FF9999; color: #CC0000; cursor: pointer; width: 100%; padding-left: 30px;}
.menunav { margin: 0px; }
.menunav a {text-decoration: none}
#manage:hover { background-color: #FF6464; color: #CC0000 ;padding-left: 30px;}
#menu { text-align: center; }
.arab-d-nav { list-style: none; display: inline-block; /* for centering */ border: 1px solid #b8b8b8; font-size: 14px; margin: 0; padding: 0; }
.arab-d-nav li { border-left: 1px solid #b8b8b8; float: left; }
.arab-d-nav li:first-child { border-left: 0; }
.arab-d-nav a { color: #2f2f2f; padding: 0 20px; line-height: 32px; display: block; text-decoration: none; background: #fbfbfb; background-image: linear-gradient(#fbfbfb, #f5f5f5); }
.arab-d-nav a:hover { background: #fcfcfd; background-image: linear-gradient(#fff, #f9f9f9); }
.arab-d-nav a.active, .arab-d-nav a:active { background: #e8e8e8; background-image: linear-gradient(#e8e8e8, #f5f5f5); }
#tab_panes { max-width: 900px; margin: 20px auto; }
.tab_pane { display: none; }
.tab_pane.active { display: block; }
#tab_panes img { max-width: 600px; }
.editcover{ background-color: #3399FF; color: #fff; padding: 3px; border-radius:3px; text-align: center ; position: absolute ; bottom: 5px; right: 5px; text-decoration: none; opacity:0.4; filter:alpha(opacity=40); }
.editcover:hover{ background-color: #3399FF; color: #fff; padding: 3px; border-radius:3px; text-align: center ; position: absolute ; bottom: 5px; right: 5px; text-decoration: none; opacity:1.0; filter:alpha(opacity=100); }
.editavatar{ background-color: #3399FF; color: #fff; padding: 1px; border-radius:0px; text-align: center ; position: absolute ; bottom: 10px; left: 10px; width: 159px; text-decoration: none; opacity:0.4; filter:alpha(opacity=40); }
.editavatar:hover{ background-color: #3399FF; color: #fff; padding: 1px; border-radius:0px; text-align: center ; position: absolute ; bottom: 10px; left: 10px; width: 159px; text-decoration: none; opacity:1.0; filter:alpha(opacity=100); }
#displayinfo { background-color: #fff; width: 350px; padding: 10px; border: 1px #CCCCCC solid ; border-radius:5px; text-align: right;-webkit-box-shadow: 0px 3px 0px 0px #CCCCCC;box-shadow: 0px 3px 0px 0px #CCCCCC; }
.next {}
.next { background-color: #FF6666; padding: 3px; text-decoration: none ;  border-radius:4px;-webkit-box-shadow: 0px 2px 0px 0px #CC0000; box-shadow: 0px 2px 0px 0px #CC0000;  border: 1px #CC0000 solid; padding-right: 10px; padding-left: 10px; color: #fff}
.welcome_x a { color: #fff; text-decoration: none }
#qr_submit { background: url("fb-icons.png") no-repeat;
    background-position:5px center ;
    margin: 0 0.5em 0 0;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EEEEEE;
    border-color: #999999 #999999 #888888;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 #FFFFFF inset;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font: bold 11px 'lucida grande',tahoma,verdana,arial,sans-serif;
    text-align: center;
    z-index: 1;
	padding:2px;
	padding-left:15px;
	}
	#qr_submit:active {box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 #CCCCCC inset;}
	
#view_my_conversation_link { 
background-color: #69A74E;
    background-image: linear-gradient(#75AE5C, #67A54B);
    border-color: #3B6E22 #3B6E22 #2C5115;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 #98C286 inset;
    color: #FFFFFF;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font: bold 11px 'lucida grande',tahoma,verdana,arial,sans-serif;
    margin: 0;
    text-align: center;
    text-decoration: none;
	padding: 3px;
	margin-right: 3px;
	}
#view_my_conversation_link :active {box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 #cccccc inset;}
#sharebody { position: fixed ; top: 0px; left: 0px; width: 100%; height: 100%; background-color: black ; z-index: 4; opacity: 0.5;  }
